<template>
  <div class="page-container">
    <div class="header-box">
      <Header></Header>
    </div>
    <div class="main-box">
      <RouterView></RouterView>
    </div>
    <Footer></Footer>
  </div>
</template>

<script setup lang="ts">
import Header from '@/components/Header.vue'
import Footer from '@/components/Footer.vue'
</script>

<style scoped lang="scss">
.page-container {
  overflow-y: hidden;
  position: relative;
}

.header-box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.main-box {
  box-sizing: border-box;
  margin: 0 15%;
  padding: 84px 0 20px 0;
}
</style>
